<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="E:\VSCODE\code_vs\html_css_js_vue\020-1外部样式\public.css">
  <!--  <style>
        p{
            color: red;
            font-size: 20px;
            text-align: center;
            margin-top: 50px;
        }
    </style>
    -->
</head> 
<body>
    <p>This is a product page.</p>
</body>
</html>
<!--
不足之处是css样式表需要在这个页面再写一遍，造成管理混乱
-->


